<template>
  <div class="detail">
    <div class="top">
      <div class="name">{{detailData.hospitalInfo.hospital?.hosname}}</div>
     
      <div class="level"> <svg
        t="1716365876801"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="2627"
        width="16"
        height="16"
      >
        <path
          d="M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667z"
          fill="#d81e06"
          p-id="2628"
        ></path>
      </svg>{{ detailData.hospitalInfo.hospital?.param.hostypeString }}</div>
    </div>
    <div class="content">
      <div class="left">      <img :src="`data:image/jpeg;base64,`+detailData.hospitalInfo.hospital?.logoData" alt="">
</div>
<svg t="1716429411857" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2626" width="16" height="16"><path d="M511.744 68.266667c-173.5168 0-314.026667 136.311467-314.7776 305.937066 0 60.910933 18.1248 118.903467 51.7632 168.465067l3.293867 4.693333 1.911466 3.1744 1.570134 2.389334c1.058133 1.553067 2.184533 3.037867 3.447466 4.5056l0.785067 0.853333 200.174933 232.823467a68.266667 68.266667 0 0 0 103.645867-0.170667L762.641067 558.08l-1.314134 1.450667a50.346667 50.346667 0 0 0 5.341867-6.621867l1.536-2.3552c0.631467-0.989867 1.860267-3.072 1.826133-3.003733 35.293867-49.322667 55.0912-109.431467 55.825067-172.782934C825.856 204.9536 684.970667 68.266667 511.744 68.266667z m0 68.266666c135.970133 0 245.845333 106.5984 245.845333 237.824a235.400533 235.400533 0 0 1-43.9808 134.775467l-2.952533 4.676267-198.997333 232.789333-200.192-232.823467-1.928534-3.191466-0.989866-1.450667a230.229333 230.229333 0 0 1-43.3152-134.775467C265.8304 242.858667 375.415467 136.533333 511.744 136.533333z" fill="#444444" p-id="2627"></path><path d="M783.803733 714.734933a34.133333 34.133333 0 0 1 45.243734 10.018134l1.4336 2.2528 73.386666 125.730133a68.266667 68.266667 0 0 1-54.784 102.5536l-4.5568 0.119467-666.043733-3.6352a68.266667 68.266667 0 0 1-60.654933-98.850134l2.133333-3.9424 69.9392-119.261866a34.133333 34.133333 0 0 1 60.16 32.170666l-1.262933 2.3552-69.9392 119.261867 666.043733 3.6352-73.386667-125.730133a34.133333 34.133333 0 0 1 12.288-46.677334z" fill="#444444" p-id="2628"></path><path d="M512 243.950933a136.533333 136.533333 0 1 0 0.034133 273.1008A136.533333 136.533333 0 0 0 512 243.950933z m0 68.266667a68.266667 68.266667 0 1 1-0.034133 136.567467A68.266667 68.266667 0 0 1 512 312.2176z" fill="#00B386" p-id="2629"></path></svg>
    <div class="right">
      
      <div class="address">具体地址：<span>{{ detailData.hospitalInfo.hospital?.param.fullAddress }}</span></div>
      <div class="route">规划路线：{{ detailData.hospitalInfo.hospital?.route }}</div></div>
      
    </div>
    <div class="advice">医院介绍
      <p>北京大学人民医院创建于1918年，前身为“中央医院”，是中国人自行筹资创建的第一家西医综合医院，中国现代医学先驱伍连德博士任首任院长。经过一个多世纪的发展，医院现已成为集医疗、教学、科研、保健为一体的现代化综合性三级甲等医院。

医院综合实力处于国家第一方阵。亚洲第一例异体同基因骨髓移植、中国第一支血源性乙肝疫苗、中国第一台体外震波碎石机，诞生在这里。现拥有血液、胸外及创伤三大院士团队，作为国家创伤医学中心、国家血液系统疾病临床医学研究中心、首批国家疑难病症诊治能力提升工程和国家紧急救援基地，成为医学进步的重要引擎。

医院学科齐全，设有45个临床科室，13个医技科室，6个科研平台，26个行政职能处室。医院拥有1个国家医学中心、1个国家临床医学研究中心、11个国家教育部重点学科、5个北京大学研究所和4个北京大学研究中心，1个教育部重点实验室、1个教育部工程研究中心、9个北京市重点实验室、1个北京临床医学研究中心、3个北京国际科技合作基地。25个国家卫生健康委临床重点专科（骨科、妇科、检验医学科、重症医学科、专科护理专业、心血管内科、血液科、内分泌科、胸外科、呼吸科、普通外科、泌尿外科、眼科、皮肤科、急诊科、肿瘤科、骨肿瘤科、感染病科、肝病与感染病科、风湿免疫科、心脏大血管外科、老年科、神经内科、神经外科、康复医学科）。同时是国家级人才培养模式示范区、国家级特色专业示范点、国家级教学创新团队。

医院人才济济，汇聚了4名国家工程院院士及国家高层次人才支持计划，科技部中青年科技领军人才、国家973首席科学家、国家杰出青年、新世纪优秀人才、科技北京百名领军人才、北京市科技新星、北京市优秀青年人才在内的一批优秀人才。</p>
    </div>
  </div>
</template>
<script setup lang="ts">
import useDetailStore from '@/store/modules/hospitalDetail'
let detailData=useDetailStore()
</script>
<style lang="scss" scoped>
.detail {
  .top {
    margin-bottom: 10px;
    display: flex;
    .name {
      font-size: 30px;
    }
    .level{
      margin-left: 10px;
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #7f7f7f;
    }
  }
  .content{
    display: flex;
    color: #7f7f7f;
    font-size: 12px;
    .left{
      margin-right: 10px;
      width: 80px;
      img{
      width: 80px;
      height: 80px
      }
    }
    .right{
      flex:1
    }
  }
  .advice{
    margin-top: 10px;
    color: #7f7f7f;
    font-size: 14px;
  }
}
</style>
